<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <title>车市雷达</title>
  <!-- 引入 WeUI -->
  <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/1.1.2/weui.css">
  <!-- head 中 -->
  <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
  <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
  </style>

</head>
<body ontouchstart>

<div class="page__hd" >
  <a href="javascript:home()"><img align="center" width="380px" height="128px" src="image/logo.jpg"/></a>
</div>

<div class="weui-cells">
  <!-- 地区 -->
  <div class="weui-cell">
    <div class="weui-cell__hd"><label class="weui-label">地区</label></div>
    <div class="weui-cell__bd">
      <input id="city-picker" class="weui-input" placeholder="请输入地区"/>
    </div>
  </div>

  <!-- 车品牌 -->
  <div class="weui-cell weui-cell_select weui-cell_select-after">
    <div class="weui-cell__hd">
      <label for="" class="weui-label">品牌</label>
    </div>
    <div class="weui-cell__bd">
      <select class="weui-select" name="select2" id="brand">
        <option value="">不限</option>
        <option value="大众">大众</option>
        <option value="本田">本田</option>
        <option value="别克">别克</option>
        <option value="丰田">丰田</option>
        <option value="福特">福特</option>
        <option value="日产">日产</option>
        <option value="奇瑞">奇瑞</option>
        <option value="宝马">宝马</option>
        <option value="现代">现代</option>
        <option value="奥迪">奥迪</option>
        <option value="马自达">马自达</option>
        <option value="比亚迪">比亚迪</option>
      </select>
    </div>
  </div>

  <!-- 车型 -->
  <div class="weui-cell weui-cell_select weui-cell_select-after">
    <div class="weui-cell__hd">
      <label for="" class="weui-label">车系</label>
    </div>
    <div class="weui-cell__bd">
      <select class="weui-select" name="select3" id="model">
        <option value="">不限</option>
        <option value="5系">5系</option>
        <option value="3系">3系</option>
        <option value="7系">7系</option>
        <option value="X5">X5</option>
        <option value="X6">X6</option>
        <option value="3系(进口)">3系(进口)</option>
        <option value="X3">X3</option>
        <option value="Z4">Z4</option>
        <option value="X1">X1</option>
        <option value="5系(进口)">5系(进口)</option>
        <option value="1系(进口)">1系(进口)</option>
        <option value="M系">M系</option>
      </select>
    </div>
  </div>

  <!-- 变速箱 -->
  <div class="weui-cell weui-cell_select weui-cell_select-after">
    <div class="weui-cell__hd">
      <label for="" class="weui-label">变速箱</label>
    </div>
    <div class="weui-cell__bd">
      <select class="weui-select" name="select4" id="auto">
        <option value="">不限</option>
        <option value="手动挡">手动挡</option>
        <option value="自动挡">自动挡</option>
        <option value="手自一体">手自一体</option>
      </select>
    </div>
  </div>

  <!-- 车颜色 -->
  <div class="weui-cell weui-cell_select weui-cell_select-after">
    <div class="weui-cell__hd">
      <label for="" class="weui-label">颜色</label>
    </div>
    <div class="weui-cell__bd">
      <select class="weui-select"  id="color">
        <option value="">不限</option>
        <option value="白">白</option>
        <option value="黄">黄</option>
        <option value="蓝">蓝</option>
        <option value="绿">绿</option>
        <option value="青">青</option>
        <option value="黑">黑</option>
        <option value="蓝">蓝</option>
      </select>
    </div>
  </div>

  <!-- 价格 -->
  <div class="weui-cell weui-cell_select weui-cell_select-after">
    <div class="weui-cell__hd">
      <label for="" class="weui-label">价格</label>
    </div>
    <div class="weui-cell__bd">
      <select class="weui-select" id="price_range">
        <option value="">不限</option>
        <option value="[0,2]">2万元以内</option>
        <option value="[2,4]">2-4万元</option>
        <option value="[4,7]">4-7万元</option>
        <option value="[7,500]">7万元以上</option>
      </select>
    </div>
  </div>

  <!-- 里程 -->
  <div class="weui-cell weui-cell_select weui-cell_select-after">
    <div class="weui-cell__hd">
      <label for="" class="weui-label">里程</label>
    </div>
    <div class="weui-cell__bd">
      <select class="weui-select"  id="miles_range">
        <option value="">全部</option>
        <option value="[0,1]">1万公里内</option>
        <option value="[1,3]">1-3万公里</option>
        <option value="[3,5]">3-5万公里</option>
        <option value="[4,8]">5-8万公里</option>
        <option value="[8,12]">8-12万公里</option>
        <option value="[12,18]">12-18万公里</option>
        <option value="[18,500]">18万公里以上</option>
      </select>
    </div>
  </div>


</div>

<label for="weuiAgree" class="weui-agree">
  <input id="weuiAgree" type="checkbox" class="weui-agree__checkbox"/>
  <span class="weui-agree__text">
                阅读并同意<a href="javascript:void(0);">《车市雷达条款》</a>
            </span>
</label>

<div class="weui-btn-area">
  <a class="weui-btn weui-btn_primary" href="javascript:" id="subscription">开始订阅</a>
</div>


<!-- body 最后 -->
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>

<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/city-picker.min.js"></script>
<script src="js/index.js"></script>


</body>
</html>
